		/*代码初始化*/
		*{
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
		li{
			list-style: none;
		}
		a{
			text-decoration: none;
		}
		html,body,input,a{
		    -webkit-tap-highlight-color: rgba(0,0,0,0);
		}
		input{
			outline: none;
		}
		/*代码主体*/
		body{
			background: #f2f2f2;
			font-size: 16px;
		}
		.head_area{
			text-align: center;
			width: 100%;
			height: auto;
			background: white;
		}
		.head_area img{
			margin: 0.5rem 0;
			width: 40%;
			max-width: 100%;
		}
		.search_form{
			background: white;
			width: 100%;
			height: auto;
			overflow:  hidden;
		}
		.search_area{
			width: 90%;
			margin: auto;
			height: 100%;
			margin-bottom: 0.5rem;
		}
		.search_form input{
			border: 1px solid #9a9a9a;
			width: 75%;
			height: 1.5rem;
			float: left;
			font-size: 0.42rem;
			padding-left: 0.5rem;
			border-top-left-radius: 0.2rem;
   			border-bottom-left-radius: 0.2rem;
		}
		.search_area button{
			width: 25%;
			height: 1.5rem;
			font-size: 0.42rem;
			border: none;
			background: #c6000d;
			color: white;
			border-top-right-radius: 0.2rem;
			border-bottom-right-radius: 0.2rem;
		}
		/*列表区域*/
		.list_area{
			margin-top: 0.2rem;	
			width: 100%;
			height: auto;
			background: white;
			margin-bottom: 0.2rem;
		}
		.list_area li{
			height: 2.3rem;
			width: 90%;
			margin: auto;
			border-bottom: 1px solid #9a9a9a;
		}
		.list_area li a{
			display: block;
			width: 100%;
			padding: 0.2rem 0;
			height:100%;
			font-size: 0.42rem;
		}
		.list_title{
			width: 100%;
			height:0.6rem;
		}
		.list_title span:first-child{
			color: black;
			float: left;
			font-size: 0.48rem;
			line-height: 0.6rem;
			height: 0.6rem;
			display: block;
			overflow:  hidden;
			width:  7rem;
			text-overflow:  ellipsis;
			white-space: nowrap;
		}
		.list_title span:last-child{
			color: #959090;
			float: right;
			line-height: 0.7rem;
		}
		.list_area li a p{
			color: #959090;
			line-height: 0.6rem;
		    width: 100%;
		    height: 1.3rem;
		    margin-top: 0.2rem;
		    overflow: hidden;
		}
		.result_area{
			height: 2.5rem;
			width: 100%;
			background: white;
			margin: 0.2rem 0;
		}
		.info_box{
			width: 90%;
			height: 100%;
			margin: 0 auto;
			padding: 0.2rem 0;
		}
		.info_box ul{
			width: 100%;
			height: 50%;			
		}
		.info_box ul:first-child{
			border-bottom: 1px solid #9a9a9a;
		}
		.info_box ul li{
			float: left;
			width: 33.33%;
			text-align: center;
			font-size: 0.38rem;
			line-height: 1.1rem;
			position: relative;
			color: #959090;
		}
		.info_box ul li a{
			display: block;
			color: black;
			width: 100%;
			height: 100%;
		}
		.info_box ul li:first-child:before{
			content: "";
			width: 1px;
			height: 60%;
			background: #9a9a9a;
			position: absolute;
			top: 20%;
			right: 0px;
		}
		.info_box ul li:last-child:before{
			content: "";
			width: 1px;
			height: 60%;
			background: #9a9a9a;
			position: absolute;
			top: 20%;
			left: 0px;
		}
		.info_box ul:last-child li{
			color: black;
			font-size: 0.48rem;
		}
		/*学生详细信息*/
		.info_stu_head{
			top: 0;
			position:  fixed;
			height: 2.5rem;
			width: 100%;
			background: #cc0000;
			padding: 0.4rem 0.2rem 0.2rem;
			/* position: relative; */
			left: 0;
			z-index: 99;
		}
		.stu_info{
			margin-left: 0.2rem;
			font-size: 0.32rem;
			/* width: 60%; */
			height: 100%;
			/*background: yellow;*/
			float: left;
		}
		.info_stu_head a{
			padding: 0.02rem;
			display: block;
			width: 1rem;
			height: 1rem;
			position: absolute;
			right: 0.4rem;
			bottom: 0.4rem;
			border: 1px solid white;
			font-size: 0.32rem;
			line-height: 0.48rem;
			color: white;
			text-align: center;
		}
		.stu_info img{
			width: 1.8rem;
			height: 1.8rem;
			float: left;
		}
		.stu_name{
			padding: 0.2rem 0;
			height: 2.1rem;
			margin-left: 0.3rem;
			float: left;
			color: white;
		}
		.stu_name p:first-child{
			line-height: 1rem;
			font-size: 0.52rem;
		}
		.detail_info_area{
			z-index: 1;
			font-size: 0.38rem;
			width: 100%;
			/* min-height: 5rem; */
			height: auto;
			/* background: white; */
			margin-top: 2.7rem;
		}
		.detail_list{
			background: white;
			padding: 0.2rem 5%;
			width: 100%;
			height: auto;
			margin: 0.2rem auto;
		}
		.info_class{
			width: 100%;
			height: 1rem;
			line-height: 1rem;
			/*border-bottom: 1px solid #9a9a9a;*/
		}
		.info_class span:nth-child(9n+1){
			font-size: 0.48rem;
		}
		.info_class span:nth-child(9n+2){
			font-weight: bolder;
			font-size: 0.48rem;
		}
		.info_class span:nth-child(9n+3){
			float: right;
			color: #959090;
		}
		.list_ul{
			color: #958e8e;
		}
		.list_ul,.num_list{
			width: 100%;
			height: 1rem;
			border-top:1px solid #9a9a9a;
		}
		.list_ul li,.num_list li{
			width: 20%;
			float: left;
			line-height: 1rem;
			text-align: center;
			position: relative;
		}
		.list_ul li:before,.num_list li:before{
			content: "";
			width: 1px ;
			height: 60%;
			position: absolute;
			top: 20%;
			right: 0px;
			background: #9a9a9a;
		}
		.list_ul li:last-child:before,.num_list li:last-child:before{
			content: "";
			display: none;
		}
		.remark_area{
			position:  relative;
			width: 100%;
			overflow:  hidden;
			border-top:1px solid #9a9a9a;
			height: auto;
			font-size: 0.38rem;
		}
		.remark_area li:first-child{
			color: #9a9a9a;
			width: 20%;
			text-align: center;
			position: relative;
			position: absolute;
			top:50%;
			left: 10%;
			-webkit-transform: translate(-50%,-50%);
		}
		
		.remark_area li:last-child{
			position: relative;
			padding: 0.3rem;
			width: 80%;
			min-height: 2rem;
			height: auto;
			float: right;
			line-height: 0.5rem;
		}
		.remark_area li:last-child:before{
			content: "";
			width: 1px;
			height: 80%;
			position: absolute;
			top: 10%;
			left: 0px;
			background: #9a9a9a;
		}
		.show_area{
			display: none;
		}
		
